@CHARSET "UTF-8";

body
{
	background-color: #9CBEC5;
	text-align: center ;
}

.header a{
	color : #000;
	font-weight : bold;
}

a {
	color : #FE6B0D;
}

div.content {
	margin: 0 auto ;
	text-align: left ;
	background-color : #FFF;
	width : 1080px; 
	border : 3px solid #FE6B0D;	
}

div.header {
	width : 100%;
	height : 176px;
	background-color : #42ADC9;
}

div.logo {
	float : left;
	height : 176px;	
}

div.rechercheHeader {
	float : left;
	margin-left : 195px;
	width : 350px;
}

div.login {
	float : right;
	margin : 10px;
}

ul#menu
{
	height: 35px ;
	margin-top : 0;
	margin-bottom: 5px ;
	padding: 0 ;
	background-color : #FFFFFF;
	list-style-type: none ;
	border-top: 2px solid #FE6B0D ;
	border-bottom: 2px solid #FE6B0D ;
}
				
ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	padding-left: 20px ;
	padding-right: 20px ;
	line-height: 35px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #000;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #FE6B0D ;
}

ul#menu li.onglet_actif
{
	background-color : #FE6B0D;
}

ul#menu li a:hover
{
	background-color : #FE6B0D;
}

h1
{
	color : #555555;
	align : center;
}

h2
{
	color : #777;
	align : center;
	font-size: 1.2em;
}

input#search {
	width: 300px;
	height : 30px;
}

.image {
	max-width: 250px;
	max-height: 250px;
	float : left;
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 5px;
}

.image_small {
	max-width: 150px;
	max-height: 150px;
	float : left;
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 5px;
}

.infosProduit {
	float : left;	
}

.infosVente {
	text-align : center;
}

.detailsInfosProduit {
	float : left;
	max-width : 590px;
}

.detailsInfosVente {
	border : 1px solid #000000;
	background-color : #CCCCCC;
	align : center;
	margin-left : auto;
	margin-right : auto;
	max-width : 590px;
	text-align : left;
}

.infosVendeur {
	float : right;
	background-color : #DDDDDD;
	padding : 10px;
	margin-right : 10px;
	margin-top : 5px;
	border : 1px solid #000;
}

.infosAcheteur {
	float : left;
	background-color : #DDDDDD;
	padding : 10px;
	margin-left : 10px;
	margin-top : 5px;
	border : 1px solid #000;
}

.barreGrise {
	height : 20px;
	background-color : #DDDDDD;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	padding : 2px;
}

.gauche {
	float : left;
}

.droite {
	float : right;
}

.avatar_message {
	align : left;
	max-height : 100px;
	max-width : 100px;	
}

.infosSmall {
	margin-top : 0px;
	font-size : 0.7em;	
}

.cadreAvatar {
	float : left; 
	width : 100px;
}

.profilegauche {
	float : left;
	width : 400px;
	border : 3px solid #FE6B0D;
	margin-left : 50px;
	margin-top : 10px;
	margin-bottom : 10px;
	padding : 10px;
	background-color : #FFF;
}

.profiledroit {
	float : right;
	width : 400px;
	border : 3px solid #FE6B0D;
	margin-right : 50px;
	margin-top : 10px;
	margin-bottom : 10px;
	padding : 10px;
	background-color : #FFF;
}

.divAchat {
	float : right; 
	border : 1px solid #000000; 
	background-color : #DDD; 
	width : 190px; 
	margin-right : 20px;
}

.divRecherche {
	border : 1px solid #000;
	background-color : #DDD;
	border-radius: 8px;	
	width : 350px;
	padding : 5px;
	margin-left : 10px;
}

.vignetteProduit {
	float : left;
	text-align : center;
	border-radius: 8px;
 	box-shadow: 1px 1px 13px #000;
 	padding : 5px;
 	margin : 10px; 
}

.imageVignette {
	max-width : 150px;
	max-height : 150px;	
}